.cover{
    position: relative;
}
.cover .article-icon{
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
    width: 40px !important;
    height: 20px !important;
    transition: 0ms !important;
    pointer-events: none;
}
.cover .play-icon{
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
    width: 30px !important;
    height: 30px !important;
    transition: 0ms !important;
    pointer-events: none;
}

#recommend .article-icon,#recommend .play-icon{
    bottom: 55px;
}
.x-center{
    left: 50% !important;
    transform: translateX(-50%) !important;
}
.y-center{
    bottom: 50% !important;
    transform: translateY(-50%) !important;
}
.x-y-center{
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%,-50%) !important;
}
.cover .big-play{
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
    width: 50px !important;
    height: 50px !important;
    transition: 0ms !important;
    pointer-events: none;
}
.cover .large-play{
    position: absolute;
    left: 10px;
    z-index: 2;
    width: 60px !important;
    height: 60px !important;
    transition: 0ms !important;
    pointer-events: none;
}
.left-top-icon{
    top: 16px !important;
    left: 10px !important;
    position: absolute;
    z-index: 2;
    width: 40px !important;
    height: 20px !important;
    transition: 0ms !important;
    pointer-events: none;
}